html,body{
  width:100%;
  font-size:14px;
  color: #000;
  background: #fff;
  overflow-y: scroll;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%; /*//iPhone在坚屏转向横屏时放大文字*/
  -ms-text-size-adjust: 100%;
}

/*!*去除a标签点击样式*!*/
body{
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: none;
  -moz-user-select: none;
  padding-top: constant(safe-area-inset-top);
  padding-left: constant(safe-area-inset-left);
  padding-right: constant(safe-area-inset-right);
  /*padding-bottom: constant(safe-area-inset-bottom);*/
}

*{
  padding:0;
  margin:0;
  list-style: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0)
}

i,span,a{
  display:inline-block;
}

a{
  text-decoration:none;
  color:#000;
  cursor:pointer;
}
i{
  font-style:normal;
}

.line2{display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  word-break:break-all;
  overflow: hidden;
}
.over{
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap;
  word-break:break-all;
}

input,button,textarea{
  border:none;
  background:none;
}

/*去除焦点样式*/
button,input,textarea{
  outline: none!important;
}
/*去除textarea右下角拖动放大图标*/
textarea{
  resize:none
}

/*去除ul，li的默认样式*/
ul,li{
  padding:0;
  margin:0;
  list-style:none;
}

/*去除type=number时的默认样式*/
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}

::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  background-color: #f5f5f5;
}

.justify-content{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  align-items: center;
}

.clearfix::before,.clearfix::after{
  content:'';
}
.clearfix::after{
  clear:both;
}
.left{
  float:left;
}
.right{
  float:right;
}
.block-level{
  display:block;
  color:#fff;
}
.block-none{
  display:none!important;
}


/*公共页*/
.el-select{
  width:100%;
}
/*.el-date-editor .el-range-separator{*/
  /*width:3%;*/
  /*padding:0 3px;*/
/*}*/
.wrapper{
  /*height:100vh;*/
}
/*公共头部*/
.top{
  background:#409EFF;
  text-align: center;
  font-size:18px;
  color:#fff;
}
.top>.logo{
  width:180px;
  height:100%;
  float:left;
}
.top .top-icon{
  width:40px;
  height:100%;
}
.top>.username{
  padding:0 10px;
  height:100%;
  font-size:16px;
}
.top>.top-more{
  height:100%;
  color:#fff;
}
.top>.top-more>.el-dropdown-link{
  height:100%;
}

/*公共侧边栏*/
.slide.el-aside{
  min-height:calc(100vh - 60px);
  /*background:#f0f3ef;*/
}
.slide.aside-w200{
  width:200px!important;
}
.slide.aside-auto{
  width:auto!important;
}
.slide>.menu{
  height:100%;
}
.slide>.menu a{
  display:block;
}
.slide>.menu>.slidebar>.el-submenu.is-active>.el-submenu__title{
  background:#ecf5ff;
}
.slide>.menu.el-menu--collapse>.slidebar>.el-menu-item span, .el-menu--collapse>.slidebar>.el-submenu>.el-submenu__title span { /*侧边栏折叠时文字图标隐藏*/
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
.slide>.menu.el-menu--collapse>.slidebar>.el-menu-item .el-submenu__icon-arrow, .el-menu--collapse>.slidebar>.el-submenu>.el-submenu__title .el-submenu__icon-arrow{/*侧边栏折叠时文字图标隐藏*/
  display:none;
}
.footer>div{
  font-size:12px;
  color:#999;
}

/*主要内容区域的公共样式*/
.seach .joint-mark{
  width:17px;
  height:100%;
  text-align: center;
  float:left;
}
.seach .linkage{
  width:100px;
  float:left;
}
.seach .seach-title{
  width:100%;
  height:40px;
  font-size:16px;
  color:#606266;
  border-bottom:1px solid #c0c4cc;
  margin-bottom:22px;
}
.seach .seach-title>span{
  width:100%;
  height:20px;
  border-left:2px solid #409EFF;
  padding:0 15px;
}
.seach .seach-daterange{
  width:217px;
}

/*主要内容区域的公共样式结束*/
@media only screen and (max-width:768px) {
  .top>.logo{
    /*width:160px;*/
    float:none;
  }
  .top>.el-icon-rank{
    display:none;
  }
  .slide.aside-w200{
    width:0!important;
  }
}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:992px) {

}
@media only screen and (min-width:1200px) {

}
@media only screen and (min-width:1920px) {

}



